@use "./common" as common;

@import "app.var";

@mixin init-button($sel: "page") {
  #{$sel} {
    --button-default-height: 88rpx;
    --button-line-height: 88rpx;
    --button-normal-font-size: 28rpx;
    --button-border-radius: 12rpx;

    --button-info-background-color: #{common.val('--color-primary')};
    --button-info-border-color: #{common.val('--color-primary')};

    --button-danger-background-color: #{common.val('--color-danger')};
    --button-danger-border-color: #{common.val('--color-danger')};

    --button-success-background-color: #{common.val('--color-success')};
    --button-success-border-color: #{common.val('--color-success')};

    .van-button--success {
      background-color: var(--button-success-background-color);
      border-color: var(--button-success-border-color);
      color: var(--button-success-color, #ffffff);
    }

    .van-button--normal {
      padding: 0 30rpx;
    }
  }
}
